<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>GARS -Homepage</title>
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
<style>
	body { font-size: 95%; font-family: 'Open Sans'; padding:0; margin:0; background-color:#fff;}
	h1 { padding:0; margin:0; }
	h2 { padding:0; margin:0; }
	.sign_on_btn { background-color: #CC0000; color: #fff; border: 1px solid #990000; padding: 5px; cursor:pointer!important;}
	.sign_on_btn:hover { background-color:red; }
	.txtbox { background-color:#fff; border: 1px solid #ccc; width: 200px; }<br />
	.txtbox:focus { border: 1px soild #CC0000; }
	a { color: blue; }
	#top_of_site { padding: 5px;color: #333; background-color: #333; color:#fff; border: 1px solid #000;}
	#top_of_site h1 { padding:0; margin:0; font-size: 90%; }
	#wrapper { padding: 15px; }
	#login { width: 300px; margin: 0px auto 0px auto; padding: 10px;background-color: #333; color:#fff; border: 1px solid #000; }
	#info_bar { text-align:right; }
	#menu_container { width: 560px; margin: 30px auto 0px auto;  overflow:auto;}
	#behaviorcontainer { float:left; width: 400px; overflow:auto; }
	#extra_info { width: 560px; margin: 30px auto 0px auto;}
	#menu_container a { text-decoration: none; color: #fff; }
	#logout { float:left; background-color:#f2f2f2; border: 1px solid #ccc; color:#333; width: 100px; padding: 59px 15px 59px 15px; margin: 5px; }
	#viewTable { background-color:#0066CC; border: 1px solid #0066FF; width: 350px; padding: 20px; margin: 5px; }
	#submitApp { background-color:#B22222; border: 1px solid #990000; width: 350px; padding: 20px; margin: 5px; } 
</style>
</head>

<body>
		<div id="top_of_site">
    		<h1>Graduate Application Review System (GARS) </h1>
    	</div>
	<div id="wrapper">
    
    	<div id="info_bar">
        	<p style="padding:0; margin:0;">Welcome, <a href="error.html">User</a>! Access level <a href="error.html">Chairman</a></p>
        </div>
        
        <div id="content">
        <!-- this of course will end the JSP include page for the top of website because only content will change-->
        	
        	<div id="menu_container">
            	<a href="login.html">
                	<div id="logout">
                		<h2 align="center">Logout</h2>
                	</div>
                </a>
                <div id="behaviorcontainer">
                	<a href="viewApps.html">
                    	<div id="viewTable">
                    		<h2>Edit/View Applications</h2>
                   		</div></a>
                    <a href="submitapp">
                        <div id="submitApp">
                            <h2>Upload Application</h2>
                        </div>
                    </a>
                </div>
            </div>
            <div id="extra_info">
           		<a href="error.html">Need Help?</a>
            </div>
        <!-- this will start the JSP include page for the bottom of the website because it will never change-->
        </div>
        
        <div id="footer">
			
        </div>
    </div>
</body>
</html>
